<template>
    <view class="authenticateDtl">
        <view class="miaoshu">
            问题描述：{{detailData.note}}
        </view>
        <view class="btn_f">
            <view class="btn" @tap="uploadAgain()">重新上传照片</view>
        </view>
        <view class="miaoshu2">{{detailData.content}}</view>
        <view class="authenticateDtl_img">
            <view wx:for="{{myImgs}}" wx:key="item" class="view_img">
                <image src="{{item}}" mode="widthFix" ></image>
            </view>
        </view>
    </view>
</template>
<script>
    import wepy from 'wepy'
    import api from '@/api/api'
    import {USER_INFO, USER_SPECICAL_INFO,USER_ID} from '@/utils/constant'

    export default class authenticateDtl extends wepy.page {
        config = {
            // 配置当前页面
            navigationBarTitleText: '复议详情' // 头部标题
        }
        components = {}

        data = {
            id:'',
            detailData: null,
            myImgs:null
        }

        async getDetailFalse() {
            let self = this
            const json = await api.queryIdentifyId({}, self.id)
            if (json.data.code == 0) {
                self.detailData = json.data.data;
                self.myImgs = self.detailData.images.split(',')
                self.$apply()
            }
        }

        onLoad(option) {
            this.id = option.id;
            this.getDetailFalse();
        }

        methods = {
            uploadAgain(){
                wepy.navigateTo({
                    url: '/pages/appraisal/freeAppraisal?type=3&id='+this.id
                })
            }
        }
        events = {}
    }
</script>
<style lang="less">
.miaoshu {
    background: #fff;
    height: 150rpx;
    line-height: 150rpx;
    padding-left: 50rpx;
    padding-right: 50rpx;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.miaoshu2{
    padding-left: 20rpx;
    padding-right: 20rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
}
.btn_f {
    overflow: hidden;
}
.btn {
    width: 300rpx;
    height: 100rpx;
    line-height: 100rpx;
    background: #ffb60b;
    font-size: 34rpx;
    color: #fff;
    text-align: center;
    border-radius: 10rpx;
    margin: 40rpx 60rpx;
    float: right;
}
.authenticateDtl_img {
    image {
        width: 100%;
        height: 420rpx;
    }
}
</style>


